// ----------------------------------------------------------------- //
//  陈志伟   写的是删除按钮的功能-----------------------------------------
const svg_text = document.querySelectorAll('.fontstyle');
    //  alert(svg_text.length);
    // 生成随机数，使得每个节点的value值不一样
     svg_text.forEach(element => {
         let num = Math.round(Math.random()*100) + 1;
             element.innerHTML = num;      
     });
 
     const rmbox = document.querySelector('.rmbox');
     const btnrm  =    document.querySelector('.btn4');
     const btncreate = document.querySelector('.btn1');
     const rm1 = document.querySelector('.rm1'); 
     const rm2 = document.querySelector('.rm2'); 
     const rm3 = document.querySelector('.rm3');
     const input = document.querySelector('.input');
     const submit = document.querySelector('.submit');

    //  submit.onclick = ()=>{ alert(input.value)}

    // alert(nodeArray instanceof Array)
     btnrm.onclick = ()=>{
         rmbox.style.display = 'flex';
        }

     btncreate.onclick = ()=>{
         rmbox.style.display = 'none';
        }

        // btn3.onclick = ()=>{
        //  rmbox.style.display = 'none';
        // }     
      btn3.addEventListener('click',()=>{ rmbox.style.display='none'; })
      
  //  alert(nodeArray[1]. firstElementChild);
  //  alert(head);
// 从开头处删除节点
    rm1.onclick = ()=>{
      
      let nodeArray = document.querySelectorAll('.node');
          //  将伪数组转化为数组，使之能够使用数组的方法
       nodeArray = [...nodeArray];
      if(nodeArray.length===1)
         {
           alert('已经是最短了');
         }
    else{
    
       nodeArray[1].firstElementChild.setAttribute('href','#head');
         if(nodeArray.length == 2)
          nodeArray[1].firstElementChild.setAttribute('href','#head_tail');
            
  // 把原来的第一个元素移除，所以下次点击永远都操作到目前的第一个和第二个节点！
      nodeArray[0].remove();
  //  该方法直接对原数组生效
    }
     
      
    }

// 从结尾处删除节点
     rm2.onclick = ()=>{
      let nodeArray = document.querySelectorAll('.node');
          //  将伪数组转化为数组，使之能够使用数组的方法
       nodeArray = [...nodeArray];

      if(nodeArray.length===1)
         {
           alert('已经是最短了');
         }

     else{
    
       let len = nodeArray.length-1;
      nodeArray[len-1].firstElementChild.setAttribute('href','#tail');


      if(nodeArray.length == 2)
          nodeArray[0].firstElementChild.setAttribute('href','#head_tail');
            
      // 把原来的尾结点移除，所以下次点击永远都操作到目前的最后一个节点和倒数第二和节点
      nodeArray[len].remove();

       }
  }

// 从任意位置删除节点
  submit.onclick = ()=>{
    let nodeArray = document.querySelectorAll('.node');
          //  将伪数组转化为数组，使之能够使用数组的方法
       nodeArray = [...nodeArray];
       let value = input.value;
       if(value<1 || value>nodeArray.length-2)
         alert('不在指定范围内哦~')

    else{
    nodeArray[value].remove();

    // 后面的往前移
    for(let i=value;i<nodeArray.length;i++)
       {    
         let a= nodeArray[i].firstElementChild.getAttribute('x') ;
           nodeArray[i].firstElementChild.setAttribute('x',a-110);
           nodeArray[i].lastElementChild.setAttribute('x',a-70);
       }
    }
 
  }
//  陈志伟end-----------------------------------------------------
